export default function pageResize (callback) {
  const init = (win) => {
    var bodyStyle = document.createElement('style')
    bodyStyle.innerHTML = `body{width:1920px; height:1080px!important;}`
    document.documentElement.firstElementChild.appendChild(bodyStyle)

    function refreshScale () {
      const docWidth = document.documentElement.clientWidth
      const docHeight = document.documentElement.clientHeight
      var designWidth = 1920
      var designHeight = 1080
      var widthRatio = docWidth / designWidth
      var heightRatio = docHeight / designHeight
      document.body.style = `transform:scale(${widthRatio},${heightRatio});transform-origin:left top;`
      // 应对浏览器全屏切换前后窗口因短暂滚动条问题出现未占满情况
      setTimeout(function () {
        var lateWidth = document.documentElement.clientWidth
        var lateHeight = document.documentElement.clientHeight
        if (lateWidth === docWidth) return

        widthRatio = lateWidth / designWidth
        heightRatio = lateHeight / designHeight
        document.body.style = 'transform:scale(' + widthRatio + ',' + heightRatio + ');transform-origin:left top;'
      }, 0)
    }
    refreshScale()

    win.addEventListener('pageshow', function (e) {
      if (e.persisted) { // 浏览器后退的时候重新计算
        refreshScale()
      }
    }, false)
    win.addEventListener('resize', refreshScale, false)
  }
  init(window)
}
